<template>
  <!-- loading -->
  <div class="loading"></div>
</template>

<script>
export default {
  name: 'Loading'
}
</script>

<style lang="scss" scoped>
  .loading {
      width: 40px;
      height: 40px;
      margin: 200px auto;
      border-bottom: 3px solid $mainColor;
      border-right: 3px solid $mainColor;
      border-radius: 50%;
      animation: loading 1.5s linear infinite;
      // background: red;
    }

    @keyframes loading {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
</style>